<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>UDO2.0 PC端</title>
		<!-- amazeui -->
		<link rel="stylesheet" href="lib/amazeui/css/amazeui.min.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body ms-controller="mean">
		<!--头部-->
		<header>
			<div class="am-topbar am-topbar-inverse am-g am-g-fixed">
				<h1 class="am-topbar-brand">
					<a href="#!/home" class="am-text-ir">UDO2.0</a>
				</h1>
				<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only " data-am-collapse="{target: '#headerMenu'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
				
				<div class="topbar-title">
					<span>UDO教学辅助系统</span>
				</div>
				<div class="am-collapse am-topbar-collapse" id="headerMenu">
				    <ul class="am-nav am-nav-pills am-topbar-nav">
				      	<li ms-class="active : currentTag== 'my'" ms-click='dismissMenu'><a href="#!/my">个人</a></li>
				      	<li ms-class="active : currentTag== 'manger'" ms-click='dismissMenu'><a href="#!/manger">管理</a></li>
				      	<li ms-class="active : currentTag== 'statistics'" ms-click='dismissMenu'><a href="#!/statistics">统计</a></li>
				    </ul>
				    <div class="am-dropdown am-topbar-right userInfoArea " onclick="$(this).dropdown('toggle')">
				    	<span class="userName">longpolong</span>
				    	<img class="am-circle userImg" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
						<ul class="am-dropdown-content">
						    <li><a href="#!/userSetting"><span class="am-icon-cog am-icon-sm">&nbsp;&nbsp;个人设置</a></li>
						    <li class="am-divider"></li>
						    <li><a href="#"><span class="am-icon-sign-out am-icon-sm">&nbsp;&nbsp;退出</a></li>
						</ul>
					</div>
				    
				    <a href="#!/information" class="am-topbar-right inboxArea">
				    	<img src="img/index/mail.png">
				    	<span class="am-badge am-badge-danger am-round">6</span>
				    </a>
				</div>
			</div>
		</header>
		
		<!--第二头部-->
		<div id="secondHead" class="am-g" ms-visible="secondMenu.length">
			<ul class="nav" ms-with="secondMenu">
				<li ms-class="active : currentPage==el.route+'.html'"><a ms-attr-href="#!/{{el.route}}">{{el.title}}</a></li>
			</ul>
		</div>
		
		<!--中间部分-->
		<div ms-include-src="currentPage" data-include-replace="false" class="myBody" data-include-rendered='loadPageOver' ms-css-margin-top='bodyMarginTop'></div>
		
		<!--底部-->
		<footer class="footerCopyRight">
				Copyright @ 2015 © 2014-2015 天津好度科技有限公司
		</footer>
		
		<!--加载等待条-->
		<div id="loadingBar" ms-visible='loadingVisible'>
			<span class="glyphicon glyphicon-refresh"></span>
			<span class="text">加载中</span>
		</div>
		<script type="text/javascript" src="lib/jquery-1.11.2.min.js" ></script>
		<script type="text/javascript" src="lib/amazeui/js/amazeui.min.js" ></script>
		<script type="text/javascript" src='lib/avalon/avalon.min.js'></script>		
		<script type="text/javascript" src="lib/echarts/dist/echarts-all.js" ></script>
		<script type="text/javascript" src='js/index.js'></script>
	</body>
</html>
